<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>书评</title>
		<style type="text/css">
			ul li{
				list-style: none;
				float: left;
				margin: 5px 5px;
			}
			.clear{
				clear: both;		
			}
		</style>
	</head>
	<body>
		<div style="margin: 10px auto; width: 300px;">
			<h1>图书管理系统-评论</h1>
			<ul >
				<li><a href="index.html">首页</a></li>
				<li><a href="orderlist.html">购买记录</a></li>
				<li><a href="login.html">安全退出</a></li>
			</ul>
		</div>
		<div class="clear"></div>
		<table border="1" width="600px" align="center">
			<tr>
				<th>书名</th>
				<th>作者</th>
				<th>价格</th>
			</tr>
			<tr>
				<td>Java核心技术</td>
				<td>高斯林</td>
				<td>89</td>
			</tr>
		</table>
		<div style="width: 600px; margin: 20px auto;">
			<form action="" method="post">
				评分：
					<input type="radio" value="-10"> -10 分
					<input type="radio" value="5"> 5 分
					<input type="radio" value="10"> 10 分 <br>
					留言：<br>
					<textarea cols="50" rows="10"></textarea><br>
					<input type="submit" />
			</form>
		</div>
		
		<div style="width: 600px; margin: 20px auto; border: 1px #000000 solid;">
			<p>
				<p>
					1楼<span>评论人：xxx</span> | <span>时间：2000-1-1</span> | <span>分数：10</span>
				</p>
				
				<p>
					评论：
					这本书太好看了！！！
				</p>
			</p>
		</div>
		<div style="width: 600px; margin: 20px auto; border: 1px #000000 solid;">
			<p>
				<p>
					2楼<span>评论人：xxx</span> | <span>时间：2000-1-1</span> | <span>分数：10</span>
				</p>
				
				<p>
					评论：
					这本书太好看了！！！
				</p>
			</p>
		</div>
		<div style="width: 600px; margin: 20px auto; border: 1px #000000 solid;">
			<p>
				<p>
					3楼<span>评论人：xxx</span> | <span>时间：2000-1-1</span> | <span>分数：10</span>
				</p>
				
				<p>
					评论：
					这本书太好看了！！！
				</p>
			</p>
		</div>

	</body>
</html>
